<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑马旅游网</title>
</head>
<body>
<!--1. 确定使用table来完成布局
2. 如果某一行只有一个单元格，则使用<tr><td></td></tr>
3. 如果某一行有多个单元格，则使用
	<tr>
		<td>
			<table></table>
		</td>
	</tr>-->
<!--采用table完成布局-->
<!--最外层的table-->
<table width="100%" align="center">
    <!--    第一行-->
    <tr>
        <td><img src="image/top_banner.jpg" width="100%" alt=""></td>
    </tr>
    <!--第二行-->
    <tr>
        <td>
            <table width="100%" align="center">
                <td><img src="image/logo.jpg" alt=""></td>
                <td>
                    <img src="image/search.png" alt="">
            </table>
        </td>
        <td>
            <img src="image/hotel_tel.png" alt="">
        </td>
        </tr>
        <!--第三行-->
    <tr>
        <td>
            <table width="100%" align="center">
                <tr bgcolor="#ffd700" align="center" height="45" >
                    <td>
                        <a href="">首页</a>
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>

                    <td>
                        门票
                    </td>
                </tr>
            </table>
        </td>
    </tr>


</table>


</body>
</html>